@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
 * {
     margin: 0;
     padding: 0;
     font-family: 'Arial', serif;
}
 ul {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
}
 body {
     background-color: #f2f2f2;
}
 .clear {
     clear: both;
     position: relative;
}
 nav.navbar {
     background-color: #000;
}
 nav.navbar a, footer a{
     color: #fff !important;
}
 .navbar-brand {
     margin-right: 0 !important;
}
 a.nav-link {
     font-size: 18px;
}
 .margin-top {
     margin-top: 8rem;
}
 .dropdown-item:focus, .dropdown-item:hover {
     color: #16181b;
     text-decoration: none;
     background-color: #333 !important;
}

.ms-webpartzone-cell {
    margin: auto auto -31px;
}
.ms-webpart-cell-vertical{
	/*background-color:aqua;*/	
}
.img-fluid {
  	display: block;
  width: 100%;
  height: auto;
 }
 
.ms-helperText, input.ms-helperText {
    color: #777;
}

.ms-srch-sb>input {
    display: inline-block;
    border-style: none;
    outline-style: none;
    height: 18px;
    margin: 0px 0px 0px 5px;
    padding: 0px 1px 0px 0px;
    /*width: 200px;*/
    width:auto;
    background-color: transparent;
    color:white;
}

/*========================Nested DropDown===============*/

.dropdown-menu {
    background-color: #39393d  !important;
}

.customDrop a.nav-link {
    cursor: pointer;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu {
    font-size: 0.8rem !important;
    border-radius: 0 !important;
}

.dropdown-item {
    font-weight: 100 !important;
    padding: .8rem 1.5rem !important;
}
.dropdown-item a:hover {
    text-decoration: none;    
}
.dropdown-menu li {
    border-bottom: 1px solid #eee;
}
.dropdown-menu li:nth-last-child(1) {
    border-bottom:none;
}

@media (max-width: 768px) {
	.navbar {
		width: 100%;
    	top: 0;
    	right: 0;
    	left: 0;
    	z-index: 10;
	}
     footer ul li, footer ul li a{
         font-size: 13px !important;
         padding:0;
         cursor: pointer;
    }
     footer ul li{
         font-size: 16px !important;
         padding:0;
    }
     .footer-wrap {
         padding: 20px 0;
    }
     .footer-link {
         margin: 0 0px;
    }
     .readBtn {
         display: none;
    }
     .viewBtn {
         margin: 5% 0 0 28% !important;
         font-size: 20px !important;
    }
     footer {
        position: relative;
    }
     label.expandSearch {
         position: relative !important;
         margin-left: auto;
         margin-top: -4px;
    }
    section#colMenu ul.customTabs li {
         border-bottom: 1px solid #eee;
    }
    section#colMenu ul li{
         border-bottom: 1px solid #9eb4dd;
    }
    .formDefault form div.input1 input{
        margin-bottom: 10px;
    }
     .formDefault form select{
        width: 95% !important;
    }
    .formDefault input {
        margin-right: 0 !important;
        width: 100% !important;
    }
}
 ul.social {
     list-style-type: none;
     display: inline-flex;
}
 ul.social .fa , .fa-search , .fa-bars{
     color: #fff !important;
}
 ul.social li{
     padding: 0px 7px;
}
 .fa-instagram, .fa-linkedin, .fa-facebook, .fa-twitter, .fa-youtube-play, .fa-search {
     font-size: 20px !important;
     cursor: pointer;
}
 span.navbar-toggler-ico {
}
 button:focus , button:visited , button:active {
     outline-color: #000 !important;
}
/* footer css */
 .footer-wrap {
     background-color: #000;
}
 footer ul{
     list-style-type: none;
}
 footer ul li, footer ul li a{
     font-size: 14px;
     padding: 2px 0;
     cursor: pointer;
}
 footer ul li a:hover{
     text-decoration: none;
}
 ul.contact li {
     color: #fff;
     font-size: 18px;
     padding: 0 0 !important;
     margin: 0 !important;
     font-weight: bold;
     text-indent: 0;
     word-spacing: -5px;
}
 .footer-about {
     padding: 14px 0;
     vertical-align: middle;
     background-color: #2E2D2C !important;
     color: white;
     
}
 .footer-about span{
     font-size: 14px;
     font-weight: 600;
}
 .footer-about ul{
     list-style-type: none;
     display: inline-flex;
}
 .footer-about ul li{
}
 ul.footer-link li a{
     color: white;
     font-size: 14px;
     font-weight: 400;
}
/* about page */
 .readBtn, .viewBtn{
     padding: 7px 65px;
     font-size: 32px;
     background-color: #f90;
     color: #036;
     border: none;
     font-weight: 500;
     margin-top: 30px;
}
 .do-section {
     background-color: #ff5c39;
}
 .mision-section {
     padding: 70px 0;
}
 .meet-section {
     background-color: #163259;
     color: #fff;
     padding: 50px 0;
}
 .meet-section p{
     font-size: 23px;
     font-weight: 300 !important;
}
 .viewBtn {
     margin: 0 37%;
}
/* contact css */
 .dt {
     color: #fb8000;
     font-weight: 700;
}
 .submit {
     background-color: #fff;
     border: 1px solid #000 !important;
     color: #000;
     border-radius: 25% !important;
}
 h6{
     font-weight: 800;
}
 .list-inline-item a{
     color: #007bff !important;
}
/* according tabs css */
 section#colMenu {
     background-color: #f6f6f6;
     position: relative;
}
 section#colMenu ul {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
     justify-content: center;
     position: relative;
     line-height: 1 !important;
}
 section#colMenu ul li {
     width: auto;
     list-style: none;
}
 section#colMenu ul li a.headMenu {
     width: auto;
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
     text-decoration: none;
     padding: 16px;
     cursor: pointer;
}
 section#colMenu ul li.active a.headMenu {
     background-color: #ffffff;
}
 section#colMenu ul li a.headMenu span.roundIco {
     width: 50px;
     height: 50px;
     background-color: #002fb7;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 30px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
}
 section#colMenu ul li a.headMenu span.roundIco1 {
     
     width: 50px;
     height: 50px;
     
     /*background-image : url("../images/buildings.png");*/
     background:url("../images/buildings.png");
     background-color: #002fb7;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 30px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     
}
 section#colMenu ul li a.headMenu span.roundIco2 {
     width: 50px;
     height: 50px;
     background-color: #002fb7;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 30px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     background-image:url('../images/newspaper.png');
}
 section#colMenu ul li a.headMenu span.roundIco3 {
     width: 50px;
     height: 50px;
     background-color: #002fb7;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 30px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     /*background-image:url('../images/consumers-ico.png');*/
     background-image:url('../images/multiple-users.png'); 
}
 section#colMenu ul li a.headMenu span.roundIco4 {
     width: 50px;
     height: 50px;
     background-color: #002fb7;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 30px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     background-image:url('../images/weight-scale.png');
}


 section#colMenu ul li a.headMenu span.line {
     height: 40px;
     width: 1px;
     margin: 0 15px;
     background-color: #9eb4dd;
}
 section#colMenu ul li a.headMenu span.arrow {
     width: 30px;
     height: 30px;
     margin-left: 15px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     background-image: url('../images/down-arrow.svg');
}
 section#colMenu ul li.active a.headMenu span.arrow {
     background-image: url('../images/up-arrow.svg');
}
 section#colMenu ul li a.headMenu p {
     font-size: 14px;
     width: 150px;
     color: #002fb7;
     font-weight: bold;
}
 section#colMenu ul li div.menuContent {
     position: absolute;
     left: 0;
     right: 0;
     display: none;
     padding: 40px 20px;
     background-color: #ffffff;
     flex-flow: row nowrap;
     align-items: flex-start;
     justify-content:left; 
    }
 section#colMenu ul li.active div.menuContent {
     display: flex;
}
 section#colMenu ul li div.menuContent aside {
     width: auto;
     margin: 0 20px;
}
 section#colMenu ul li div.menuContent aside h3 {
     font-size: 22px;
     color: #0047bb;
     margin-bottom: 5px;
     font-weight: 700;
}
 section#colMenu ul li div.menuContent aside a {
     display: inline-block;
     width: 100%;
     margin: 2px 0;
     text-decoration: none;
     color: #0047bb !important;
     font-size: 14px;
}
 @media screen and (min-width: 768px) and (max-width: 1250px) {
     section#colMenu ul li a.headMenu span.roundIco {
         width: 40px;
         height: 40px;
         background-size: 25px;
    }

     section#colMenu ul li a.headMenu span.line {
         margin: 0 8px;
    }
     section#colMenu ul li a.headMenu p {
         width: calc(100% - 80px);
         font-size: 12px;
    }
     section#colMenu ul li a.headMenu {
         padding: 20px 5px;
    }
     section#colMenu ul li a.headMenu span.arrow {
         width: 20px;
         height: 20px;
    }
}
 @media screen and (min-width: 250px) and (max-width: 768px) {
     section#colMenu ul {
         flex-flow: column nowrap;
    }
     section#colMenu ul li {
         width: 100%;
    }
     section#colMenu ul li a.headMenu span.arrow {
         margin-left: auto;
    }
     
     /*section#colMenu ul li div.menuContent {
         position: relative;	
    }*/
    
     section#colMenu ul li a.headMenu span.arrow {
	     background-image:none;
	}
	 section#colMenu ul li.active a.headMenu span.arrow {
	     background-image:none;	
	 }

    
    section#colMenu ul li div.menuContent {
     	display: none;
		visibility: hidden;
 	}

     section#colMenu ul li div.menuContent aside {
         margin: 0 10px;
    }
     ul.pagination {
         margin-left: 12% !important;
    }
     .viewBtn {
         margin: 5% 0 0 12% !important;
    }
    
}
 @media screen and (min-width: 250px) and (max-width: 800px) {
     section#colMenu ul li div.menuContent {
         flex-flow: column nowrap;
    }
     section#colMenu ul li div.menuContent aside {
         margin: 20px 0;
    }
     ul.pagination {
         margin-left: 1% !important;
    }
}
/* news pages css */
 ul.pagination {
     margin-left: 35%;
}
 .card-body a {
     color: #007bff !important;
}
 ul.pagination li {
     margin-left: 20px;
}
 ul.pagination .active a{
     background-color: #fff !important;
     color: #333 !important;
     border:1px solid #333 !important;
}
 ul.pagination li a{
     border:1px solid #000;
     padding: 10px 15px;
     color: #fff;
     background-color: #333;
     font-size: 18px;
     font-weight: 700;
     border-radius: 0 !important;
}


/*===============Regulated Entities page css=========*/

section#colMenu ul.customTabs {
    justify-content: left !important;
}
section#colMenu ul.customTabs li.active a.headMenu {
     background-color: #ededed !important;
}
section#colMenu ul.customTabs li {
     background-color: #0047bb !important;
     margin-right: 4px;
}
section#colMenu ul.customTabs li  a.headMenu p {
     width: 180px !important;
     margin-bottom: 0 !important;
}
section#colMenu ul.customTabs li  a.headMenu {
     padding: 35px !important;     
}
     
section#colMenu ul.customTabs li a.headMenu p {
    font-size: 14px;
    width: 150px;
    color: #fff !important;
    font-weight: bold;
}
section#colMenu ul.customTabs li.active a.headMenu p {
    color: #002fb7 !important;
}

section#colMenu ul.customTabs li a.headMenu span.arrow {
    background-image: url('../images/white-down-arrow.svg') !important;
}
section#colMenu ul.customTabs li.active a.headMenu span.arrow {
    background-image: url('../images/up-arrow.svg') !important;
}
section#colMenu ul.customTabs li.active div.menuContent {
    background-color: #ededed !important;
}
section#colMenu ul.customTabs li div.menuContent {
    justify-content:left !important;
}

.section1 {
    height: auto !important;
}

/*=========================featured page css========================*/
.btnSection .btnSection{
    list-style-type: none;
    display: flex;
    flex-direction: row ;
}

.btnSection  button{
    text-transform: uppercase;
    bottom: 0;
    margin-right: 30px;
}
.btnSection  button:focus , .btnSection button:hover {
    outline: none;
    cursor: pointer;
}
/* button template */
.btnSection button.btnXsmall {
    padding: 10px 14px;
    font-size: 13px;
    letter-spacing: 1px;
    background-color: #002fb7;
    color: #fff;
    font-weight: 300;
}
.btnSection button.btnSmall {
    padding: 12px 18px;
    font-size: 15px;
    letter-spacing: 1.2px;
    background-color: #002fb7;
    color: #fff;
    font-weight: 300;
}
.btnSection button.btnDefault {
    padding: 13px 25px;
    font-size: 16px;
    letter-spacing: 1px;
    background-color: #002fb7;
    color: #fff;
    font-weight: 300;
}
.btnSection button.btnMedium {
    padding: 14px 26px;
    font-size: 18px;
    letter-spacing: 1px;
    background-color: #002fb7;
    color: #fff;
    font-weight: 300;
}
.btnSection button.btnLarg {
    padding: 15px 29px;
    font-size: 19px;
    letter-spacing: 1px;
    background-color: #002fb7;
    color: #fff;
    font-weight: 300;
}


/*==========Black button============*/

.ButtonBlack button.btnXsmall {
    padding: 10px 14px;
    font-size: 13px;
    letter-spacing: 1px;
    background-color: #353535;
    color: #fff;
    font-weight: 300;
}
.ButtonBlack button.btnSmall {
    padding: 12px 18px;
    font-size: 15px;
    letter-spacing: 1.2px;
    background-color: #353535;
    color: #fff;
    font-weight: 300;
}
.ButtonBlack button.btnDefault {
    padding: 13px 25px;
    font-size: 16px;
    letter-spacing: 1px;
    background-color: #353535;
    color: #fff;
    font-weight: 300;
}
.ButtonBlack button.btnMedium {
    padding: 14px 26px;
    font-size: 18px;
    letter-spacing: 1px;
    background-color: #353535;
    color: #fff;
    font-weight: 300;
}
.ButtonBlack button.btnLarg {
    padding: 15px 29px;
    font-size: 19px;
    letter-spacing: 1px;
    background-color: #353535;
    color: #fff;
    font-weight: 300;
}


/*==========Grey button============*/

.ButtonGrey button.btnXsmall {
    padding: 10px 14px;
    font-size: 13px;
    letter-spacing: 1px;
    background-color: #e0e0e0;
    color: #000;
    font-weight: 400;
}
.ButtonGrey button.btnSmall {
    padding: 12px 18px;
    font-size: 15px;
    letter-spacing: 1.2px;
    background-color: #e0e0e0;
    color: #000;
    font-weight: 400;
}
.ButtonGrey button.btnDefault {
    padding: 13px 25px;
    font-size: 16px;
    letter-spacing: 1px;
    background-color: #e0e0e0;
    color: #000;
    font-weight: 400;
}
.ButtonGrey button.btnMedium {
    padding: 14px 26px;
    font-size: 18px;
    letter-spacing: 1px;
    background-color: #e0e0e0;
    color: #000;
    font-weight: 400;
}
.ButtonGrey button.btnLarg {
    padding: 15px 29px;
    font-size: 19px;
    letter-spacing: 1px;
    background-color: #e0e0e0;
    color: #000;
    font-weight: 400;
}


/*==========border button============*/

.ButtonBorder button.btnXsmall {
    padding: 10px 14px;
    font-size: 13px;
    letter-spacing: 1px;
    background-color: #fff;
    color: #000;
    font-weight: 400;
    border: 2px solid #95c45a;
}
.ButtonBorder button.btnSmall {
    padding: 12px 18px;
    font-size: 15px;
    letter-spacing: 1.2px;
    background-color: #fff;
    color: #000;
    font-weight: 400;
    border: 2px solid #95c45a;
}
.ButtonBorder button.btnDefault {
    padding: 13px 25px;
    font-size: 16px;
    letter-spacing: 1px;
    background-color: #fff;
    color: #000;
    font-weight: 400;
    border: 2px solid #95c45a;
}
.ButtonBorder button.btnMedium {
    padding: 14px 26px;
    font-size: 18px;
    letter-spacing: 1px;
    background-color: #fff;
    color: #000;
    font-weight: 400;
    border: 2px solid #95c45a;
}
.ButtonBorder button.btnLarg {
    padding: 15px 29px;
    font-size: 19px;
    letter-spacing: 1px;
    background-color: #fff;
    color: #000;
    font-weight: 400;
    border: 2px solid #95c45a;
}

/*============= list css===============*/

.listOne ul {
    list-style-type: none;
}
.listOne ul li{
    padding: 8px;
    font-size: 15px;
}
.listOne .fa-angle-right, .fa-hand-o-right, .fa-pencil, .fa-check{
    font-size: 20px !important;
    color: #002fb7;
    margin-right: 9px;
}

.formDefault input {
    width: 30%;
    background-color: #f6f7f8;
    border: none;
    padding: 15px 20px;
    margin-right: 30px;
    color: #000;
}
.formDefault select ,.formDefault select option , .formDefault select:focus {
    outline: none;
    background-color: #f6f7f8;
    border: none;
    color: #000;
    font-weight: 700;
}
.formDefault input, .formDefault textarea, .formDefault button.btnDefault {
    outline: none;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    font-weight: 700;
    opacity: 1; /* Firefox */
}
.formDefault textarea
{
  width:96%;
  background-color: #f6f7f8;
  color: #000;
  padding: 15px 20px;
  border: none;
  margin-top: 30px;

}

.formDefault button.btnDefault {
    padding: 13px 25px;
    font-size: 16px;
    letter-spacing: 1px;
    background-color: #002fb7;
    color: #fff;
    font-weight: 300;
}
input[type=checkbox], input[type=radio] {
   width: 35px;
   zoom: 2.0;
   border: none !important;
}
/* according tabs css MenuBar */
 section#colMenuBar {
     background-color: #f6f6f6;
     position: relative;
}
 section#colMenuBar ul {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
     justify-content: center;
     position: relative;
     line-height: 1 !important;
}
 section#colMenuBar ul li {
     width: auto;
     list-style: none;
}
 section#colMenuBar ul li a.headMenu {
     width: auto;
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
     text-decoration: none;
     padding: 16px;
     cursor: pointer;
}
 section#colMenuBar ul li.active a.headMenu {
     background-color: #ffffff;
}
 section#colMenuBar ul li a.headMenu span.roundIco {
     width: 50px;
     height: 50px;
     background-color: #002fb7;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 30px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
}
 section#colMenuBar ul li a.headMenu span.roundIco1 {
     width: 50px;
     height: 50px;
     background-color: #002fb7;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 30px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     background-image:url('../images/buildings.png');
}
 section#colMenuBar ul li a.headMenu span.roundIco2 {
     width: 50px;
     height: 50px;
     background-color: #002fb7;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 30px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     background-image:url('../images/newspaper.png');
}
 section#colMenuBar ul li a.headMenu span.roundIco3 {
     width: 50px;
     height: 50px;
     background-color: #002fb7;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 30px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     background-image:url('../images/consumers-ico.png');
}
 section#colMenuBar ul li a.headMenu span.roundIco4 {
     width: 50px;
     height: 50px;
     background-color: #002fb7;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 30px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     background-image:url('../images/weight-scale.png');
}


 section#colMenuBar ul li a.headMenu span.line {
     height: 40px;
     width: 1px;
     margin: 0 15px;
     background-color: #9eb4dd;
}
 section#colMenuBar ul li a.headMenu span.arrow {
     width: 30px;
     height: 30px;
     margin-left: 15px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     background-image: url('../images/down-arrow.svg');
}
 section#colMenuBar ul li.active a.headMenu span.arrow {
     background-image: url('../images/up-arrow.svg');
}
 section#colMenuBar ul li a.headMenu p {
     font-size: 14px;
     width: 150px;
     color: #002fb7;
     font-weight: bold;
}
 section#colMenuBar ul li div.menuContent {
     position: absolute;
     left: 0;
     right: 0;
     display: none;
     padding: 40px 20px;
     background-color: #ffffff;
     flex-flow: row nowrap;
     align-items: flex-start;
     justify-content:left; 
    }
 section#colMenuBar ul li.active div.menuContent {
     display: flex;
}
 section#colMenuBar ul li div.menuContent aside {
     width: auto;
     margin: 0 20px;
}
 section#colMenuBar ul li div.menuContent aside h3 {
     font-size: 22px;
     color: #0047bb;
     margin-bottom: 5px;
     font-weight: 700;
}
 section#colMenuBar ul li div.menuContent aside a {
     display: inline-block;
     width: 100%;
     margin: 2px 0;
     text-decoration: none;
     color: #0047bb !important;
     font-size: 14px;
}
 @media screen and (min-width: 768px) and (max-width: 1250px) {
     section#colMenuBar ul li a.headMenu span.roundIco {
         width: 40px;
         height: 40px;
         background-size: 25px;
    }

     section#colMenuBar ul li a.headMenu span.line {
         margin: 0 8px;
    }
     section#colMenuBar ul li a.headMenu p {
         width: calc(100% - 80px);
         font-size: 12px;
    }
     section#colMenuBar ul li a.headMenu {
         padding: 20px 5px;
    }
     section#colMenuBar ul li a.headMenu span.arrow {
         width: 20px;
         height: 20px;
    }
}
 @media screen and (min-width: 250px) and (max-width: 768px) {
     section#colMenuBar ul {
         flex-flow: column nowrap;
    }
     section#colMenuBar ul li {
         width: 100%;
    }
     section#colMenuBar ul li a.headMenu span.arrow {
         margin-left: auto;
    }
     
     /*section#colMenuBar ul li div.menuContent {
         position: relative;	
    }*/
    
     section#colMenuBar ul li a.headMenu span.arrow {
	     background-image:none;
	}
	 section#colMenuBar ul li.active a.headMenu span.arrow {
	     background-image:none;	
	 }

    
    section#colMenuBar ul li div.menuContent {
     	display: none;
		visibility: hidden;
 	}

     section#colMenuBar ul li div.menuContent aside {
         margin: 0 10px;
    }
     ul.pagination {
         margin-left: 12% !important;
    }
     .viewBtn {
         margin: 5% 0 0 12% !important;
    }
    
}
 @media screen and (min-width: 250px) and (max-width: 800px) {
     section#colMenuBar ul li div.menuContent {
         flex-flow: column nowrap;
    }
     section#colMenuBar ul li div.menuContent aside {
         margin: 20px 0;
    }
     ul.pagination {
         margin-left: 1% !important;
    }
}

/************************** Block Menu **************************************/
.BlockMenuColumn h2{
    margin: 0;
    padding: 5px 0 0 0;
    font: 400 17px/18px "Roboto";
    font-family: 'Roboto', sans-serif;
    color: #fff;
}
.BlockMenuColumn h2 span{display:block;}
.BlockMenuColumn h2 span a{
	display: block; 
	color: #fff;
	padding: 1em 1.5em;
	text-decoration: none;
	box-sizing: border-box;  
	-moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box;
}
.BlockMenuColumn h2 span a:visited {
	color: #fff;
	padding: 1em 1.5em;
	text-decoration: none;
}

.BlockMenuColumn{
    float: left;
    text-align: center;
    border: 1px solid #eeeeee;
	padding-top: 	10px;
    padding-right: 	10px;
    padding-bottom: 10px;
    padding-left: 	10px;

 }
 
div.BlockMenuColumn:hover{
   background-color: #8BB8E8;
   cursor: pointer;
}

.BlockMenu_Color_1{
	background-color: #FF5C39;
}
.BlockMenu_Color_2{
	background-color: #007367;
}
.BlockMenu_Color_3{
	background-color: #76232F;
}
.BlockMenu_Color_4{
	background-color: #280071;
}

.BlockMenu_Color_5{
	background-color: #00313C;
}
.BlockMenu_Color_6{
	background-color: #007D8A;
}
.BlockMenu_Color_7{
	background-color: #002D72;
}
.BlockMenu_Color_8{
	background-color: #0047BB;
}
.BlockMenu_Color_9{
	background-color: #50A684;
}
.BlockMenu_Color_10{
	background-color: #FF8200;
}
.BlockMenu_Color_11{
	background-color: #753BBD;
}
.BlockMenu_Color_12{
	background-color: #F2A900;
}
.BlockMenu_Color_13{
	background-color: #DA291C;
}
.BlockMenu_Color_14{
	background-color: #2E2D2C;
}
.BlockMenu_Color_15{
	background-color: #034638;
}

/************************** Search **************************************/

.dsktp-searchbox{
    display:block;
}

.dsktp-social {
	display:block;
}

.mob-searchbox {
    display:none;    
}

.mob-social {
	display:none;	
}



@media screen and (min-width: 351px) and (max-width: 991px) {
.dsktp-searchbox {
    display:none;    
}

.dsktp-social {
	display:none;	
}

.mob-searchbox {
    display:block;
}

.mob-social {
	display:block;
}

}


@media screen and (max-width: 350px) {
.dsktp-searchbox {
    display:none;    
}

.dsktp-social {
	display:none;	
}

.mob-searchbox {
    display:none;
}

.mob-social {
	display:none;
}

}
/************************** Contact Us Page **************************************/

@media screen and (min-width: 990px) {

.column-container {
    float: left;
    width: 50%;                                
}

.column-left {
    float: left;
    width: 50%;             
}

.column-right {
    float: right;
    width: 50%;           
}

.google-column {
    float: right;
    width: 50%;        
}

.magic-section {	
	width:100%;		
	}

}


@media screen and (min-width: 601px) and (max-width: 990px) {    
.column-container {
    width: 100%;        
}

.column-left {
    float: left;
    width: 50%;    
}
.column-right {
    float: right;
    width: 50%;       
}

.google-column {    
    width: 100%;
    margin-bottom:10px;    
}

}

@media screen and (max-width: 600px) {
    .column-container {
    width: 100%;    
}


.column-left {
    width: 100%;    
}

.column-right {
    width: 100%;    
}

.google-column {    
    width: 100%;
    margin-bottom:10px;     
} 

 .magic-section {	
	width:100%;		
	} 
}


/************************** SiteMap **************************************/

@media screen and (min-width: 900px) 
{
	.outerdiv1
	{
		float: left; 
		width:50%;		
	}

	.outerdiv2
	{
		float: right; 
		width:50%;
	}
	.innerdiv1
	{
		float: left;
		width: 50%;
	}

	.innerdiv2
	{
		float: right;
		width: 50%;
	}

	.innerdiv3
	{
		float: left;
		width: 50%;
	}

	.innerdiv4
	{
		float: right;
		width: 50%;
	}
}

 @media screen and (max-width: 900px) 
 {
    .outerdiv1
	{		
		width:100%;
	}

	.outerdiv2
	{
		width:100%;
	}
}

@media screen and (min-width: 600px) and (max-width: 900px) 
 {
    .innerdiv1
	{
		float: left;
		width: 50%;
	}

	.innerdiv2
	{
		float: right;
		width: 50%;
	}

	.innerdiv3
	{
		float: left;
		width: 50%;
	}

	.innerdiv4
	{
		float: right;
		width: 50%;
	}
}

@media screen and (max-width: 600px) 
{
	.innerdiv1
	{
		width: 100%;
	}

	.innerdiv2
	{
		width: 100%;
	}

	.innerdiv3
	{
		width: 100%;
	}

	.innerdiv4
	{
		width: 100%;
	}
}